<!DOCTYPE html>
<html lang="UTF-8">
<head>
<meta charset="utf-8">
<title>第一个vue应用</title>
<script src="../js/vue.min.2.7.0.js"></script>
</head>
	<body>
	<!--
	<input>标签用于收集用户信息.type规定了input元素的类型,value指定了输入字段的初始值.
	checkbox为复选框类型.
	<span>标签被用来组合文档中的行内元素.    <br>是换行标签.
	<label> 标签为 input 元素定义标注（标记）,label 元素不会向用户呈现任何特殊效果。
	不过，它为鼠标用户改进了可用性。如果您在 label 元素内点击文本，就会触发此控件。
-->
		<div id="app">
			<p>原始字符串: {{ message }}</p>
			<label>
				<input v-model="message">
			</label>
		</div>
		<script>
			new Vue({
				el: '#app',
				data: {
					message: 'this is a old test!'
				},
			});
		</script>
	</body>
</html>